<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Task Viewer</title>
  <link rel="stylesheet" href="../../lib/bootstrap/3.3.5/css/bootstrap.min.css"/>
  <!--
    <link rel="stylesheet" href="modal.css"/>
    -->
  <style type="text/css">
	.site-bgcolor{
		background:AliceBlue
	}

  </style>
</head>
<body>  

	<div id="example">
        <form id="search">
            Search <input name="query" v-model="searchQuery"/>
        </form>
        <demo-grid
            :table-content = "gridContent"
            :table-header = "gridHeader"
            :isA = "AorB"
            >
        </demo-grid>
    </div>
    
    <scirpt type="text/x-template" id="grid-template">
        <ul class="table-header" @click="changeData">
            <li class="table-cell" v-for="item in tableHeader">{{item}}</li>
        </ul>
        <div class="table-content">
            <div class="table-row" v-for="item in tableContent  | filterBy filterKey in 'a' | orderBy 'a' soryKey">
                <div class="table-cell">{{item.a}}</div>
                <div class="table-cell">{{item.b}}</div>
                <div class="table-cell">{{item.c}}</div>
                <div class="table-cell">{{item.d}}</div>
            </div>
        </div>
    </script>

<script src="../../module/foundation.js"></script>
<script src="../../lib/jquery/2.1.4/jquery-2.1.4.min.js"></script>
<script src="../../lib/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="../../lib/vue/1.0.21/vue.js"></script>
<script src="../../lib/vue-resource/0.7.0/vue-resource.js"></script>
<!--
<script src="vue-components-v12.js"></script>
-->
<script src="test01.js"></script>
</body>
</html>
